<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title><%= title %></title>
    <link rel="stylesheet" href="/stylesheets/style.css">
    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
    <!--<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>-->
    <!--<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet" href="javascripts/bootstrap/css/bootstrap.min.css">
    <script src="javascripts/script/jquery-3.2.1.min.js"></script>
    <script src="javascripts/bootstrap/js/bootstrap.min.js"></script>
  </head>
  <body>
    <div class="container-fluid">
      <header>
        <nav role="navigation" class="navbar navbar-fixed-top navbar-inverse affix">
          <div class="container">
            <div class="navbar-header">
              <button type="button" data-toggle="collapse" data-target="#navbar" class="navbar-toggle"><span class="sr-only">切换导航</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand"></a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="/">首页</a></li>
                <li><a href="#01">我们的成绩</a></li>
                <li><a href="#02">我们的优势</a></li>
                <li class="dropdown"><a href="#03" data-toggle="dropdown" class="dropdown-toggle">我们的服务<b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">我们的客户</a></li>
                    <li><a href="#">客户的鼓励</a></li>
                    <li><a href="#">最新资讯</a></li>
                    <li><a href="#">指南</a></li>
                  </ul>
                </li>
              </ul>
              <ul class="nav navbar-nav navbar-right">
                <li><a href="/register"><span>注册</span></a></li>
                <li>
                  <% if(locals.islogin){ %>
                  <a href="#">你好！<span><%= locals.islogin %></span></a>
                  <% }else{ %>
                  <a href="/login"><span>登录</span></a>
                  <%}%>
                </li>
                  <% if(locals.islogin){ %>
                <li> <a href="/users/logout"><span>注销</span></a></li>
                  <% }%>

              </ul>
            </div>
          </div>
        </nav>
      </header>
    </div>
    <div id="carousel" class="container-fluid">
      <div data-ride="carousel" id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div role="listbox" class="carousel-inner">
          <div class="item active"><img src="images/banner01.jpg" alt="First slide">
            <div class="carousel-caption h300">
              <h1>领先的电子合同与数字签名服务商</h1>
              <p>DWG/DXF/DWF图纸支持3D显示与视图控制</p>
            </div>
          </div>
          <div class="item"><img src="images/banner02.jpg" alt="First slide">
            <div class="carousel-caption h300">
              <h1>DWG/DXF/DWF图纸支持3D显示与视图控制</h1>
              <p>3D显示与视图控制，2D编辑与批注， 文件共享</p>
            </div>
          </div>
          <div class="item"><img src="images/banner03.jpg" alt="First slide">
            <div class="carousel-caption h300">
              <h1>DWG/DXF/DWF图纸支持3D显示与视图控制</h1>
              <p>3D显示与视图控制，2D编辑与批注， 文件共享</p>
            </div>
          </div>
        </div>
        <!--a.carousel-control.left(href="myCarousel",data-slide="prev") &lsaquo;-->
        <!--a.carousel-control.right(href="myCarousel",data-slide="next") &rsaquo;-->
      </div>
    </div>
    <section id="01" class="index-row">
      <div class="container">
        <div class="col-sm-12 page-header text-center">
          <h2 class="h1">我们的成绩</h2>
          <p class="line line-big"></p>
          <h2><small>2016年1月1日至2016年12月31日，我们的接待数据。</small></h2>
        </div>
        <div class="col-sm-3 our-data-item sun-apply">
          <div class="number-wrapper"><span id="sum-apply" data-to="240" class="run-number">18397</span></div>
          <h4 class="title">累计受理申请</h4>
        </div>
        <div class="col-sm-3 our-data-item sun-apply">
          <div class="number-wrapper"><span id="sum-rate" data-to="240" class="run-number">18397</span></div>
          <h4 class="title">综合通过率</h4>
        </div>
        <div class="col-sm-3 our-data-item sun-apply">
          <div class="number-wrapper"><span id="sum-urgent" data-to="240" class="run-number">18397</span></div>
          <h4 class="title">加急申请人数</h4>
        </div>
        <div class="col-sm-3 our-data-item sun-apply">
          <div class="number-wrapper"><span id="urgent-rate" data-to="240" class="run-number">18397</span></div>
          <h4 class="title">加急成功率</h4>
        </div>
      </div>
    </section>
    <section id="02" class="index-row">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 page-header text-center">
            <h2 class="h1">我们的优势</h2>
            <p class="line line-big"></p>
            <h2><small>每一份签证申请都是独立个案，每一位申请人都应该被认真对待。</small></h2>
          </div>
          <div class="col-sm-3">
            <div class="our-whyus-item"><span aria-hidden="true" class="glyphicon glyphicon-time"></span>
              <h3 class="title">十一年美签经验</h3>
              <p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="our-whyus-item"><span aria-hidden="true" class="glyphicon glyphicon-time"></span>
              <h3 class="title">十一年美签经验</h3>
              <p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="our-whyus-item"><span aria-hidden="true" class="glyphicon glyphicon-time"></span>
              <h3 class="title">十一年美签经验</h3>
              <p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="our-whyus-item"><span aria-hidden="true" class="glyphicon glyphicon-time"></span>
              <h3 class="title">十一年美签经验</h3>
              <p>2006年开始办理美国签证至今，积累了丰富的首签和拒签再签实用经验。</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="03" class="index-row">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 page-header text-center">
            <h2 class="h1">我们的服务</h2>
            <p class="line line-big"></p>
            <h2><small>每一份签证申请都是独立个案，每一位申请人都应该被认真对待。</small></h2>
          </div>
          <div class="col-sm-12 text-center card-box">
            <ul class="card-area">
              <li class="card-item">
                <div class="card-title">
                  <h4>美国加急预约</h4>
                  <p>全程加急办理</p>
                </div>
                <div class="card-content">
                  <p>3个工作日内进馆</p>
                  <p>先加急 后付费</p>
                  <p>100%加急成功</p>
                  <p>支持全国五大领区</p>
                  <p>支持所有签证类型</p><a href="#" class="btn btn-success">查看详情</a>
                </div>
              </li>
              <li class="card-item card-active">
                <div class="card-title">
                  <h4>美国商务签证</h4>
                  <p>B1/B2商务</p>
                </div>
                <div class="card-content">
                  <p>10年多次往返</p>
                  <p>一对一方案定制</p>
                  <p>申请材料指导</p>
                  <p>面签培训</p>
                  <p>全程解答所有疑问</p>
                </div><a href="" class="btn btn-success">查看详情</a>
              </li>
              <li class="card-item">
                <div class="card-title">
                  <h4>美国免面签</h4>
                  <p>免面试中信代传递</p>
                </div>
                <div class="card-content">
                  <p>简单申请材料</p>
                  <p>无须进馆面试</p></p>
                  <p>B1/B2十年有效</p></p>
                  <p>可加急申请</p></p>
                  <p>全流程服务</p></p><a href="" class="btn btn-success">查看详情</a>
                </div>
              </li>
              <li class="card-item">
                <div class="card-title">
                  <h4>美国留学签证</h4>
                  <p>F1/F2留学陪读</p>
                </div>
                <div class="card-content">
                  <p>签证方案咨询</p>
                  <p>申请材料指导</p>
                  <p>代缴SEVIS费</p>
                  <p>面签培训</p>
                  <p>可加急办理</p><a href="" class="btn btn-success">查看详情</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <div class="container">
        <div class="page-header">
          <h2></h2>
        </div>
        <p>© 2017 DiviPay Pty Ltd. ABN 39 617 434 607. All Rights Reserved.</p>
        <ul class="list-inline">
          <li><a href="">深圳市四光年信息技术有限公司</a></li>
          <li><a href="">深圳市腾讯计算机系统</a></li>
          <li><a href="">北京市百度互联网计算有限公司</a></li>
          <li><a href="">杭州市阿里巴巴集团</a></li>
        </ul>
      </div>
    </footer>
  </body>
  <!--<script src="/javascripts/script/dbtest.js"></script>-->
</html>